
import React from 'react'
import { Tabs} from 'antd-mobile';

export default class Demo extends React.Component {
    renderContent = tab =>
        (<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '150px', backgroundColor: '#fff' }}>
            <p>Content of {tab.title}</p>
        </div>);

    render() {
        const tabs = [
            { title: '首页' },
            { title: '小雷bb' },
            { title: '深度' },
            { title: '玩物所' },
            { title: '好物推荐' },
            { title: '推荐' },
        ];

        return (
            <div>
                <Tabs tabs={tabs} renderTabBar={props => <Tabs.DefaultTabBar {...props} page={3} />}>
                </Tabs>
            </div>
        );
    }
}
